<template>
  <div id="app">
    <ul>
      <li>
        <router-link to="/">HOME</router-link>
      </li>
      <li>
        <router-link to="/about">ABOUT</router-link>
      </li>
      <li>
        <router-link to="/posts">POSTS</router-link>
      </li>
    </ul>

    <router-view />
  </div>
</template>

<script>
// 服务端渲染的生命周期钩子函数只有beforeCrete和creted两个 其他的都是在客户端执行的
// 避免在这两个生命周期中写入有全局副作用的代码 例如setinterval一个timer
// 因为SSR没有destroyed生命周期 所有这个timer将会一直存在 应该将这种代码都放到其他生命周期中书写
export default {
  name: "App",
  data() {
    return {
      msg: "lanpang9661",
    };
  },
  methods: {
    onClick() {
      console.log("hello world");
    },
  },
};
</script>